<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<meta content="no-cache" name="Cache-Control">
<meta name=viewport content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no">
<title>{$meta_title}</title>
<meta content="{$meta_keywords}" name="keywords" />
<meta content="{$meta_description}" name="description" />

<link href="{HOME_THEME_PATH}mobile/css/style.css" type="text/css" rel="stylesheet" />

<script type="text/javascript" src="{HOME_THEME_PATH}mobile/js/jquery1.42.min.js"></script>
<script type="text/javascript" src="{HOME_THEME_PATH}mobile/js/TouchSlide.1.1.js"></script>
<script type="text/javascript" src="{HOME_THEME_PATH}mobile/js/idangerous.swiper.min.js"></script>
<script type="text/javascript" src="{HOME_THEME_PATH}mobile/js/swipe.js"></script>

<!-- 系统关键js(所有自建模板必须引用) -->
    <script type="text/javascript">var assets_path = '{ROOT_THEME_PATH}assets/';var is_mobile_cms = '1';</script>
<!-- 系统关键js结束 -->


<script>
$(document).ready(function(){
  $("#dhmore").click(function(){
    $("#navlayer").slideToggle("slow");
	$(".arrowr").toggleClass("morex");
  });
  $(".guanbi").click(function(){
    $("#navlayer").slideUp("slow");
  });
});
</script>


</head>

<body>

{template "header.html"}

<!-- 焦点图 -->
<div class="imgSwipeMain">
  <div id="slider" class="swipe">
    <div class="swipe-wrap swiper-wrapper">
    {module module=news flag=1 thumb=1 order=updatetime num=5} 
     <div class="image swiper-slide" style="background:url({dr_thumb($t.thumb, 640, 480)}) center no-repeat;background-size: cover;"> <a href="{$t.url}"></a>
        <div class="title">
          <p>{dr_strcut($t.title, 20)}</p>
        </div>
      </div>
 {/module}
      
      
 </div>
  </div>
  <div id="position"></div>
</div>

<!-- 头条 --> 

{hits module=news flag=2 order=updatetime num=4}
  {if $is_first}
<h3 class="headNew"><a href="{$t.url}" title="{dr_strcut($t.title, 30)}"><b>{dr_strcut($t.title, 18)}</b></a></h3>
<h5 class="subNew">{dr_strcut($t.description, 59)}<a href="{$t.url}">[更多]</a></h5>
<div class="headlist">
  <ul>
  {else}
    <li><a href="{$t.url}" title="{dr_strcut($t.title, 17)}">{dr_strcut($t.title, 20)}</a></li>
{/if}
   {/hits}
  </ul>
</div>



<!-- Tab切换（高度自适应示范） -->
<div id="tabBox1" class="tabBox">
  <div class="hd"> 
  <h3><a href="{$c.url}">新闻</a> |<span>News</span></h3>
    <ul>
    {category module=news pid=0 id=20,1,29,3,5,28} 
      <li><a href="javascript:void(0)">{$t.name}</a></li>
    {/category}
    </ul>
  </div>
 <div class="bd" id="tabBox1-bd"> 
 <!-- 高度自适应需添加外层 -->
     {category module=news pid=0 id=20,1,29,3,5,28 return=c1}
     <div class="con"> 
      <ul>
       {module module=news catid=$c1.id thumb=1 order=updatetime num=1 return=t}
        <div class="cpic"> <a href="{$t.url}"><img src="{dr_thumb($t.thumb, 480, 360)}" alt="{dr_strcut($t.title, 12)}"/>
        <dt>{dr_strcut($t.title, 20)}</dt>
        </a>
        </div>
       {/module}
        {module module=news catid=$c1.id order=updatetime num=4 return=t}
         <li><a href="{$t.url}" title="{dr_strcut($t.title, 32)}">{dr_strcut($t.title, 26)}</a></li> 
        {/module}
        </ul>
        </div> 
        {/category}
    
 </div>    
</div>
<a class="readMore" href="xinwen-list.html">进入频道</a> 
<script type="text/javascript">
	TouchSlide( { slideCell:"#tabBox1",
		endFun:function(i){ //高度自适应
			var bd = document.getElementById("tabBox1-bd");
			bd.parentNode.style.height = bd.children[i].children[0].offsetHeight+"px";
			if(i>0)bd.parentNode.style.transition="200ms";//添加动画效果
		}
	} );
</script> 



<div id="tabBox2" class="tabBox">
  <div class="hd"> <h3><a href="index.php?s=book" >视频</a><span>Video</span></h3>
    <ul>   
      {category module=book  return=c1}
      <li><a href="javascript:void(0)">{$c1.name}</a></li>
     {/category}
  
    </ul>
  </div>
  <div class="bd">
   
 
{category module=book  return=c1}
<div class="tabimg"> 
{module module=book  catid=$c1.id thumb=1 order=updatetime num=4}
<a target="_blank" href="{$t.url}" title="{dr_strcut($t.title, 32)}"><img src="{dr_thumb($t.thumb, 240, 150)}" alt="{dr_strcut($t.title, 32)}" />
      <p>{dr_strcut($t.title, 32)}</p>
      </a>
{/module}      
</div>
{/category} 

 </div>
</div>
<a class="readMore" href="index.php?s=book">进入频道</a> 
<script type="text/javascript">TouchSlide( { slideCell:"#tabBox2" } );</script>


<div id="tabBox3" class="tabBox">
  <div class="hd"> <h3><a href="index.php?s=photo" >图片</a><span>Photo</span></h3>
    <ul>   
      {category module=photo return=c1}

      <li><a href="javascript:void(0)">{$c1.name}</a></li>
     {/category}
  
    </ul>
  </div>
  <div class="bd">
   
 
{category module=photo return=c1}
<div class="tabimg"> 
{module module=photo catid=$c1.id thumb=1 order=updatetime num=4}
<a target="_blank" href="{$t.url}" title="{dr_strcut($t.title, 32)}"><img src="{dr_thumb($t.thumb, 240, 150)}" alt="{dr_strcut($t.title, 32)}" />
      <p>{dr_strcut($t.title, 32)}</p>
      </a>
{/module}      
</div>
{/category} 

 </div>
</div>
<a class="readMore" href="index.php?s=photo">进入频道</a> 
<script type="text/javascript">TouchSlide( { slideCell:"#tabBox3" } );</script>


{template "footer.html"}